<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>{{ page.title }}, {{ page.name }}'s Portfolio </title>
    <link rel="alternate" type="application/atom+xml" href="{{ page.root_path }}/?/feed/">
    <link rel="stylesheet" href="{{ page.root_path }}/public/docs/css/screen.css" type="text/css" media="screen"> 
  </head>
  <body>
    <div id="container" class="{{ page.id }}">
      <h1 class="col three">
        <a href="{{ page.root_path }}">{{ page.name }}</a>
        <strong>{{ page.profession }}</strong>
      </h1>
      <em class="col three">{{ page.email }}</em>
      <hr>
      {% include 'partials/navigation/navigation.html' %}
      <div id="content" class="col eight">
        <p class="date col one">{{ page.date | date("Y, M-") }}</p>
        <div class="description col six">
          <h2 class="col six"><a href="{{ page.root_path }}">{{ page.title }}</a></h2>
          {{ page.content }}
        </div>
        <hr>
        <p id="project-count" class="col one"><em>&#8470;</em> {{ page.index }}/{{ page.siblings_count }}</p>
        <p id="gallery-count" class="col one">
          <em>&#8470;</em> <span>1/1</span>
        </p>
        <div id="gallery-navigation" class="col three">
          <p><a href="#" id="next-image">Next image</a> <em>&rarr;</em></p>
          <p><a href="#" id="previous-image">Previous image</a> <em>&larr;</em></p>
        </div>
        <div class="col four">
          {% if page.siblings %}
            {% include 'partials/next-page.html' %}
            {% include 'partials/previous-page.html' %}
          {% endif %}
        </div>
        {% include 'partials/assets/media.html' %}
      </div>
      <hr>
      <p id="footer" class="col six">&copy; Copyright {{ page.name }} {{ page.current_year }} <a class="atom-rss" href="{{ page.root_path }}/?/feed/">RSS</a><br>
        <em>Content managed by <a href="http://www.staceyapp.com">stacey</a></em></p>
    </div>
    <script type="text/javascript" charset="utf-8">
      document.getElementsByTagName('body')[0].className += ' js-enabled';
    </script>
    <script src="{{ page.root_path }}/public/docs/js/jquery-1.3.2.js" type="text/javascript" charset="utf-8"></script>
    <script src="{{ page.root_path }}/public/docs/js/gallery.js" type="text/javascript" charset="utf-8"></script>
    <script src="{{ page.root_path }}/public/docs/js/init-gallery.js" type="text/javascript" charset="utf-8"></script>
  </body>
</html>